<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script>
    // var a;
    // console.log(typeof(a));
    // a=null;
    // console.log(typeof(a));

    // int a=1;
    // float b;

    // Integer  c = new Integer(a);
    // Float
    // var a;
    // console.log(Boolean(a));

    // console.log("\"hello world\"")
    // var a,b=null,c="      123.45.6   ";
    // // console.log(Number(a));
    // // console.log(Number(b));
    // console.log(Number(c));
    // console.log(parseInt(c));
    // console.log(parseFloat(c));

    // a+=1;
    // a=a+1;

    // var a=10;         //输出   a
    // console.log(a++);//10    11
    // console.log(++a);//12    12
    // console.log(--a);//11    11
    // console.log(a--);//11    10

    // var a=10;         //输出   a
    // console.log(a--);
    // console.log(++a);
    // console.log(--a);  
    // console.log(a++);

    // console.log(12 << 3);
    //12  00001100
          01100000

    //10  00001010
    //    00000110

    // var a=12,b=10;
    // console.log(a>b?a:b);
    // if(a>b){
    //   a
    // }else{
    //   b
    // }
    
    window.onload = function(){
      var a = document.getElementsByTagName("input");
      console.log(a.length);
      // alert(a[0].type)
      // a[0].value=12;
      // a[1].value=34;
      // a[2].value=Number(a[0].value)+Number(a[1].value);
      
      //事件处理：1. 事件源，2. 事件类型 ，3 事件处理代码
      a[3].onclick = function () {
        a[2].value=Number(a[0].value)+Number(a[1].value);
      }
                
    }

  </script>
</head>
<body>
  <input type="text">+
  <input type="text">=
  <input type="text">
  <input type="button" value="计算">
  <!-- dom Document object model
  网页中的元素有三大类：
  1. 标签元素
  2. 属性元素
  3. 文本元素 -->
</body>
</html>